/**
 * Copyright (C) 2010-2011 TVH Group NV. <kalman.tiboldi@tvh.com>
 *
 * This file is part of the MyStroBe project.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * 		http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
@import url("reset.css");
@import url("common.css");

/* -----------------------------
		Standard elements
   ---------------------------*/
html, body { height: 100%;}
body { 	background-color:#FFF; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; color: #585858; }

a:link, a:visited {	color: #21759B;}
a:hover { }

p { margin-bottom: 1.5em; }
.topBar p, .toolbar p { margin-bottom: 0; }

hr { border: none; background-color: #c0c0c0; color: #c0c0c0; height: 1px; }

input, textarea, select { border: 1px solid #B6BEBE; margin: 4px 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 2px 0; vertical-align: middle; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
	input[type="text"] { width: 155px; }
	
input.button, input[type="radio"], input[type="checkbox"], input[type="button"], input[type="submit"] { width: auto; height: auto; }
input[type="radio"], input[type="checkbox"] { border: none; }
input[disabled="disabled"], input.disabled, textarea[disabled="disabled"], textarea.disabled, select.disabled { background-color:#D8E6ED; color:#666; } /* Class is nodig voor IE */
select { width: 161px; padding: 1px 0; }
textarea, select, input[type="text"] { font-size: 13px; }

.center { text-align: center; }

table { width: 100%; border-collapse: collapse; margin: 5px 0; /*table-layout: fixed; word-wrap: break-word;*/ }
table thead, table tr.tdhead td { background-color:#D0E1EA; font-weight: bold; }
table td, table th, table tr.tdhead td { border: 1px solid #B6BEBE; padding: 2px; }

table tr.sublinehead td { border: none; padding-top: 10px; }

table th.row-actions, table tr.tdhead td.row-actions { background-color: #FFF; border: none; text-align: right; width: auto; }
table td.row-actions { white-space: nowrap; text-align: right;}


table.striped tbody tr.alt { background-color:#f0f0f0; }
table.striped tbody tr.over { background-color:#e7e7e7; }

table.transparant, table.transparant th, table.transparant td { border: none; }
	
table.noWrap td, table.noWrap th { white-space: nowrap; } 

table.striped tr.selected{
	border-top: 2px solid #eab808;
	border-bottom: 2px solid #eab808;
	background-color: #FF9;
}
	

/* -----------------------------
			Pagination
   ---------------------------*/   
.pagination a { border: 1px solid #B6BEBE; padding: 2px 6px; }
.pagination a:hover {border: 1px solid #6f7072; background-color: #D0E1EA; }
.pagination span.pages span { font-weight: bold; color: #585858; padding: 2px 6px; font-style: normal; }
.pagination .pag_first { background:url(./images/pagination/first.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 2px 8px; }
.pagination .pag_previous { background:url(./images/pagination/previous.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 2px 6px; margin-right: 8px; }
.pagination .pag_next { background:url(./images/pagination/next.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 2px 6px; margin-left: 8px; }
.pagination .pag_last { background:url(./images/pagination/last.png) no-repeat 50% 50%; width: 10px; height: 10px; padding: 2px 8px; }
	
/* Disabled buttons */
.pagination span.pag_first, .pagination span.pag_previous, .pagination span.pag_next, .pagination span.pag_last { border: 1px solid #B6BEBE;  }
.pagination span.pag_first { background:url(./images/pagination/disabled/first.png) no-repeat 50% 50%; }
.pagination span.pag_previous { background:url(./images/pagination/disabled/previous.png) no-repeat 50% 50%; }
.pagination span.pag_next { background:url(./images/pagination/disabled/next.png) no-repeat 50% 50%; }
.pagination span.pag_last { background:url(./images/pagination/disabled/last.png) no-repeat 50% 50%; }

#tablepagination .pagination { text-align: center; padding: 15px 0 2px; }

/* textfield with lookup link */
div.autocomplete { width: 148px; position: relative; display: inline-block; height: 20px; border: 1px solid #B6BEBE; margin: 4px 0; }
.box-content div.autocomplete input { border: none; width: 128px; margin-top: 0; margin-bottom: 0; background-color: transparent/*IE7 grmbl*/; outline: none/*webkit*/; }
div.autocomplete input { border: none; width: 128px; margin-top: 0; margin-bottom: 0; background-color: transparent/*IE7 grmbl*/; outline: none/*webkit*/; }

.box-content div.autocomplete.error { background-color: #FBE3E4; border: 1px solid #EB292D;}
div.autocomplete .lookup-btn { width: 18px; height: 18px; cursor: pointer; position: absolute; top: 1px; right: 1px; }

/* -----------------------------
		Custom classes
------------------------------*/
.alignRight {text-align:right; }
.alignLeft { text-align: left; }
.bold { font-weight: bold; }
.toolbar {  margin-bottom: 4px; padding: 3px 10px; border-bottom: 1px solid #d0d0d0; background-color: #f9f9f9; }
.box-content .toolbar  a { color: #21759B;}
.toolbar p.right { float: right; }	

.viewOptions { margin-right: 10px; float: right; }

/* -----------------------------
		Filters
------------------------------*/

div.formLookupLabel, div.lookupLabel, div.longLookupLabel, div.extraLongLookupLabel {display:inline-block;width:230px;margin:4px 0;background-color: #EEEEEE;}
div.longLookupLabel {width:350px;}
div.longLookupLabel label {width:320px;}
div.extraLongLookupLabel {width:100%;}
div.formLookupLabel {width:180px;}
div.lookupLabel label, div.longLookupLabel label, div.extraLongLookupLabel label {display:inline-block;width:200px; margin-left:2px;margin-bottom:2px;height:15px;}
div.formLookupLabel label {display:inline-block;width:150px; margin-left:2px;margin-bottom:2px;height:15px;}
div.extraLongLookupLabel label {width:96.7%;}
div.lookupLabel a, div.longLookupLabel a, div.extraLongLookupLabel a, div.formLookupLabel a {background-position: center;height:18px;}
	
